<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/14
  Time: 17:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>易买网 - 首页</title>
    <link type="text/css" rel="stylesheet" href="html/css/style.css" />
    <script type="text/javascript" src="html/scripts/function.js"></script>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="js/tittlebox.js"></script>
</head>
<body>
<div id="header" class="wrap">
    <div id="logo"><img src="html/images/logo.gif" /></div>
    <div class="help"><a href="#" class="shopping">购物车</a><a href="guestbook.jsp">留言</a></div>
    <script>
        var name =  "${sessionScope.user.username}";
        console.log(name);
        if(name==""){
            $(".help").append("<a href=\"login.jsp\">登录</a><a href=\"register.jsp\">注册</a>");
        }else{
            $(".help").append("<a href='html/LogOutServlet'>欢迎"+name+"登录，点击注销</a>")
        }
    </script>
    <div class="navbar">
        <ul class="clearfix">
            <li class="current"><a href="#">首页</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">百货</a></li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">促销</a></li>
        </ul>
    </div>
</div>
<div id="childNav">
    <div class="wrap">
        <ul class="clearfix">
            <li class="first"><a href="#">音乐</a></li>
            <li><a href="#">影视</a></li>
            <li><a href="#">少儿</a></li>
            <li><a href="#">动漫</a></li>
            <li><a href="#">小说</a></li>
            <li><a href="#">外语</a></li>
            <li><a href="#">数码相机</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">羽绒服</a></li>
            <li><a href="#">秋冬靴</a></li>
            <li><a href="#">运动鞋</a></li>
            <li><a href="#">美容护肤</a></li>
            <li><a href="#">家纺用品</a></li>
            <li><a href="#">婴幼奶粉</a></li>
            <li><a href="#">饰品</a></li>
            <li class="last"><a href="#">Investor Relations</a></li>
        </ul>
    </div>
</div>
<div id="position" class="wrap">
    您现在的位置：<a href="index.jsp">易买网</a> &gt; 在线留言
</div>
<div id="main" class="wrap">
    <div class="lefter">
        <div class="box">
            <h2>商品分类</h2>
            <dl>
                <dt>图书音像</dt>
                <dd><a href="product-list.html">图书</a></dd>
                <dd><a href="product-list.html">音乐</a></dd>
                <dt>百货</dt>
                <dd><a href="product-list.html">运动健康</a></dd>
                <dd><a href="product-list.html">服装</a></dd>
                <dd><a href="product-list.html">家居</a></dd>
                <dd><a href="product-list.html">美妆</a></dd>
                <dd><a href="product-list.html">母婴</a></dd>
                <dd><a href="product-list.html">食品</a></dd>
                <dd><a href="product-list.html">手机数码</a></dd>
                <dd><a href="product-list.html">家具首饰</a></dd>
                <dd><a href="product-list.html">手表饰品</a></dd>
                <dd><a href="product-list.html">鞋包</a></dd>
                <dd><a href="product-list.html">家电</a></dd>
                <dd><a href="product-list.html">电脑办公</a></dd>
                <dd><a href="product-list.html">玩具文具</a></dd>
                <dd><a href="product-list.html">汽车用品</a></dd>
            </dl>
        </div>
    </div>
    <script>
        loadBox();
    </script>
    <div class="main">
        <div class="guestbook">
            <h2>全部留言</h2>
            <ul>
                <li>
                    <dl>
                        <dt>那个什么衣服贵吗</dt>
                        <dd class="author">网友：张三丰 <span class="timer">2010:10:10 20:00:01</span></dd>
                        <dd>不贵</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>那个什么衣服贵吗</dt>
                        <dd class="author">网友：张三丰 <span class="timer">2010:10:10 20:00:01</span></dd>
                        <dd>不贵</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>那个什么衣服贵吗</dt>
                        <dd class="author">网友：张三丰 <span class="timer">2010:10:10 20:00:01</span></dd>
                        <dd>不贵</dd>
                    </dl>
                </li>
            </ul>
            <div class="clear"></div>
            <div class="pager">
                <ul class="clearfix">
                    <li><a href="javascript:Message_load(--pNumMsg)">上一页</a></li>
                    <li><a href="javascript:Message_load(++pNumMsg)">下一页</a></li>
                </ul>
            </div>
            <div id="reply-box">
                <form action="html/MessageServlet">
                    <table>
                        <input type="hidden" name="op" value="insert">
                        <tr>
                            <td class="field">留言内容：</td>
                            <td><textarea name="guestContent"></textarea></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><label class="ui-blue"><input type="submit" name="submit" value="提交留言" /></label></td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
    Copyright &copy; 2010 北大青鸟 All Rights Reserved. 京ICP证1000001号
</div>
<script>
    var pNumMsg = 1;
    var Message_load = function Message_load(pagenum) {
        $.ajax({
            type:"POST",
            url:"SelMessageServlet",
            data: {
                op:"list",
                pagenum:pagenum
            },
            dataType:"Json",
            success:function (data){				//成功后触发
                if(data!=null){
                    $(".guestbook").children("ul").find("li").remove();
                    $.each(data.list,function (index,object) {
                        var html = "";
                        html +="<li>\n" +
                            "                    <dl>\n" +
                            "                        <dt>"+object.context+"</dt>\n" +
                            "                        <dd class=\"author\">网友："+object.user.username+" <span class=\"timer\">"+object.time+"</span></dd>\n" ;
                        if(object.respcontext!=null){
                            html +="                        <dd>管理员回复："+object.respcontext+"</dd>\n" +
                                "                        <dd>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</dd>\n" +
                                "                    </dl>\n" +
                                "                </li>"
                        }else{
                            html +="                        <dd>暂无回复</dd>\n" +
                                "                        <dd>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</dd>\n" +
                                "                    </dl>\n" +
                                "                </li>"
                        }
                        $(".guestbook").children("ul").append(html);
                    })
                    pNumMsg =parseInt(data.pNumMsg);
                }else{

                }
            },
            error:function(jqxhr,textstatus,errorThrown){		//发生错误时触发
                console.log("错误");
            }
        })
    }
    Message_load(pNumMsg);
</script>
</body>
</html>

